<html><!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo - 节点实例动画操作</title>
<link href="../../../../../../g.tbcdn.cn/kissy/k/1.3.2/css/dpl/base.css" tppabs="http://g.tbcdn.cn/kissy/k/1.3.2/css/dpl/base.css" rel="stylesheet"/>

<link href="../button/assets/custombutton.css" tppabs="http://docs.kissyui.com/1.3/source/raw/demo/button/assets/custombutton.css" rel="stylesheet"/>
<style>
    .box {
        width: 160px;
        height: 160px;
        background: #AABBCC;
    }
</style><script src="../../../../../../g.tbcdn.cn/kissy/k/1.3.2/seed.js" tppabs="http://g.tbcdn.cn/kissy/k/1.3.2/seed.js" data-config="{combine:true}"></script>
</head>

<body>
<div class="box" id="anim_show">
    show/hide 动画
</div>

<div id="demo_show"></div>

<div class="box" id="anim_slide">
    slideUp/slideDown 动画
</div>

<div id="demo_slide"></div>

<div class="box"  id="anim_fade">
    fadeIn/fadeOut 动画
</div>

<div id="demo_fade"></div>

<script src="assets/demo3.js" tppabs="http://docs.kissyui.com/1.3/source/raw/demo/anim/assets/demo3.js"></script>
</body>
</html>